<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>demo_font-family</title>
    <link rel="stylesheet" href="./style/demo.css">
<body>
    <!-- 包裹<p>定义</p> -->
    <!-- 默认字号是16 -->
    
    <span class =font>
        demo_font-family<br/>
        demo_Hello World</span>
        <p>demo_font-family<br/>
            demo_Hello World(原字样)
        </p>
    <div class="font-weight">font-weight</div>
    <p>font-weight(原字样)</p><!--未加粗-->
    <span class="H1">Hello World</span><!--变细--><br/>

        <div class="text">
            demo01
            demo02
            demo03
            <!-- </div>
        <div> -->
        <img src="./img/1.jpg" alt="demo"width="425" height="275"><br/>
        <img src="./img/2.jpg" alt="demo"width="425" height="275"><br/>
        <img src="./img/3.jpg"alt="demo"width="425" height="275" ><br/>  

       
    </div>

   
    <!-- <div class="font-style">demo_div</div>css倾斜 -->
    <!-- <em>demo_em</em><em>是倾斜标签 -->
    
    
</body>
</html>